<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>国内新闻</title>
    <link rel="stylesheet" href="../style/reset.css">
    <link rel="stylesheet" href="../style/swiper-bundle.min.css">
    <link rel="stylesheet" href="../style/国内.css">
    <script src="../js/jq.js"></script>
    <script src="../js/swiper-bundle.min.js"></script>
 
</head>
<body>
    <div id="adig">
        <div class="first">
            <div class="aa"><img src="../img/wsy1.jpg" alt="" class="ac">
              <div class="ab"><img src="../img/wsy3.png" alt="" class="ad"></div>
            </div>
         </div>
         <!-- 导航栏 -->

        <div class="nav">
         <div class="nav1">
           <ul>
            <li><a href="">环球网</a></li>
            <li><a href="">国内新闻</a></li>
         </ul>
         </div>
         <div class="nav2">
            <ul class="ba">
                <li><a href=""><img src="../img/wsy21.png" alt="" class="ae"></a></li>
                <li><a href=""><img src="../img/wsy22.png" alt="" class="af">  </a>
                   <div class="bb">
                    
                   </div>
                  
                 </li>
             </ul>
          
         </div>
        </div>
      
      <!-- 左侧边 -->
        <div class="bc">
             <ul>
              <li><h3><a href="">领航</a></h3></li>
              <li><h3><a href="">新征程</a></h3></li>
              <li><h3><a href="">国内要闻</a></h3></li>
              <li><h3><a href="">各地新闻</a></h3></li>
              <li><h3><a href="">直通港澳</a></h3></li>
              <li><h3><a href="">图说中国</a></h3></li>
              <li><h3><a href="">央企风采</a></h3></li>
              <li><h5><a href="">央企新闻</a></h5></li>
              <li><h5><a href="">央企新闻</a></h5></li>
              <li><h5><a href="">央企新闻</a></h5></li>
              <li><h5><a href="">央企新闻</a></h5></li>
             </ul>
        </div>

        <!-- 右边框 -->
       <div class="bd"> 

            <!-- Swiper -->
            <div class="be">
    <div class="swiper mySwiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="../img/wsy4.png" alt=""></div>
        <div class="swiper-slide"><img src="../img/wsy5.jpg" alt=""></div>
        <div class="swiper-slide"><img src="../img/wsy7.jpg" alt=""></div>
       
      </div>
      <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
      <div class="swiper-pagination"></div>
    </div>
          </div>

      
        <!-- 新闻简要 -->
          <div class="bf">
            <!-- 第一 -->
                <div>
                  <h2>最新消息</h2>
                  <h2>银保监会完善国外银行分行监管评级</h2>
                </div>

                <div class="bg">
                  <p>新闻客户端 <span>2022-12-27 19:27</span></p>
                </div>
            </div>

           <!-- 第二 -->
            <div class="bh">
              <div>
               <img src="../img/wsy9.jpg" alt="" srcset="">
              </div>

              <div class="bi">
                <h3><a href="">新冠病毒感染中的白衣战士：想方设法保佑终生</a></h3>
                <p>新闻客户端 <span>2022-12-27 19:27</span></p>
              </div>
          </div>

 <!-- 第三-->
          <div>
                 
                  <h2>前11个月全国规模以上工业企业营业收入同比增长6.7%</h2>
                </div>

                <div class="bg">
                  <p>新闻客户端 <span>2022-12-27 19:27</span></p>
                </div>

<!-- 第四 -->
<div class="bh">
  <div>
   <img src="../img/wsy9.jpg" alt="" srcset="">
  </div>

  <div class="bi">
    <h3><a href="">新冠病毒感染中的白衣战士：想方设法保佑终生</a></h3>
    <p>新闻客户端 <span>2022-12-27 19:27</span></p>
  </div>
</div>

           
<!-- 第五-->
<div class="bh">
  <div>
   <img src="../img/wsy9.jpg" alt="" srcset="">
  </div>

  <div class="bi">
    <h3><a href="">新冠病毒感染中的白衣战士：想方设法保佑终生</a></h3>
    <p>新闻客户端 <span>2022-12-27 19:27</span></p>
  </div>
</div>




 <!-- 第六-->
 <div>
                 
  <h2>前11个月全国规模以上工业企业营业收入同比增长6.7%</h2>
</div>

<div class="bg">
  <p>新闻客户端 <span>2022-12-27 19:27</span></p>
</div>



       <!-- 第二 -->
       <div class="bh">
        <div>
         <img src="../img/wsy9.jpg" alt="" srcset="">
        </div>

        <div class="bi">
          <h3><a href="">新冠病毒感染中的白衣战士：想方设法保佑终生</a></h3>
          <p>新闻客户端 <span>2022-12-27 19:27</span></p>
        </div>
    </div>

<!-- 第三-->
    <div>
           
            <h2>前11个月全国规模以上工业企业营业收入同比增长6.7%</h2>
          </div>

          <div class="bg">
            <p>新闻客户端 <span>2022-12-27 19:27</span></p>
          </div>




                 <!-- 第二 -->
                 <div class="bh">
                  <div>
                   <img src="../img/wsy9.jpg" alt="" srcset="">
                  </div>
    
                  <div class="bi">
                    <h3><a href="">新冠病毒感染中的白衣战士：想方设法保佑终生</a></h3>
                    <p>新闻客户端 <span>2022-12-27 19:27</span></p>
                  </div>
              </div>
    
     <!-- 第三-->
              <div>
                     
                      <h2>前11个月全国规模以上工业企业营业收入同比增长6.7%</h2>
                    </div>
    
                    <div class="bg">
                      <p>新闻客户端 <span>2022-12-27 19:27</span></p>
                    </div>
    
             
            </div>
      
            
        <!-- 右边框 -->
      </div>
      <!-- 左边框 -->
      <div class="ca">
           <div class="cb">
               <ul>
                 <h1>国内头条</h1>
                <li><a href="">妊娠期或哺乳期感染新冠，怎么办？</a></li>
                <li><a href="">新冠肺炎为何更名？“乙类乙管”后防疫怎么做</a></li>
                <li><a href="">处境旅游恢复；国际机票搜索大涨，这些地方是热门</a></li>
                <li></li>
               </ul>
           </div>

           <div class="cc">
              <div>
                 <h1>今日推荐</h1>
                 <img src="../img/wsy20.jpg" alt="">
                 <img src="../img/wsy20.png" alt="">
              </div>
              <div>
                <ul>
                  <li><a href="">感染新冠后，医生不建议做的10件事情</a></li>
                  <li><a href="">记者调查“消”字号产品制售乱象</a></li>
                  <li><a href="">别浪费抗原了！这些抗原使用小贴士请收好</a></li>
                  <li><a href="">医疗资源够吗？如何降低重症发生？</a></li>
                </ul>
              </div>
           </div>
      </div>
     <!-- 边框 -->
    </div>
</body>
</html>
<!-- Swiper JS -->
<script src="../swiper-bundle.min.js"></script>

<!-- Initialize Swiper -->


<script>
  // 轮播图
var swiper = new Swiper(".mySwiper", {
        pagination: {
          el: ".swiper-pagination",
          type: "progressbar",
        },
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },
      });



//标题图片
    var ac=document.querySelector(".ac");
var ab=document.querySelector(".ad");
var abig=document.querySelector(".abig")
  ab.onclick=function(){
   ac.style.display="none";
  }
 ab.onclick=function(){
  window.scrollBy(100,125)
 }
  var ae=document.querySelector(".ae")
  var ipt=document.querySelector(".ipt")
    ae.onclick=function(){
        ipt.style.display="block"
    }
    // this.style.display="none";


//标题图片
   var af=document.querySelector(".af");
   var bb=document.querySelector(".bb")
   af.onclick=function(){
    if( bb.style.display="block"){
        this.style.display="none"
    }else{
      this.style.display="block";
    }
   }




   
</script>
